<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <title>测一测你的魅力值|吾悦给你免费送花了 </title>


    <link rel="stylesheet" type="text/css" href="{{asset('css/style.css')}}">
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

</head>

<body>

<img src="{{asset('images/icon_share.jpg')}}" width="0" height="0">

<div class="beijing"><img style="width: 100%;height:100%;" src="{{asset('images/back.png')}}"></div>
<div class="wrap">

    <div class="enter_wrap">

        <!--<div class="wrap_top">

            <img class="top_img" src="images/img_top.png">

        </div>-->
        <!-- <div style="background:url(../images/logo1.png) no-repeat;background-size:100%;width:90%;height:40%;background-position:45% 10%;background-attachment:fixed;"></div> -->
        <div class="meili"><img src="{{asset('images/logo1.png')}}" alt=""></div>
        <div class="person">
            <img class="ren" src="{{asset('images/liangren.png')}}" alt="">
        </div>

        <div class="ceshi">
            <img src="{{asset('images/button1.png')}}" alt="" class="enter_btn">
        </div>
        <div class="wrap_center">

            {{--<div class="enter_btn">开始测试</div>--}}
            {{--<div class="ceshi">--}}
                {{--<img src="{{asset('images/button1.png')}}" alt="">--}}
            {{--</div>--}}
        </div>

        <div class="wrap_bottom">

        </div>

    </div><!-- /.enter_wrap -->

    <div class="topic_wrap">

        <div class="fade_wrap">

            <div class="wrap_top">

                <!-- <div class="topic_no">

                    <span class="curr_no" id="curr_no">1</span>/<span class="count">8</span>

                </div> -->
                <div class="meili1"><img src="{{asset('images/logo1.png')}}" alt=""></div>
                <div class="answer">
                    <div class="answer_bg">
                        <!-- <h3>第<span>1</span>题</h3> -->
                        <div class="topic_timu" id="topic_timu" style="font-family: 'ruanbi';font-size: 32px;text-align: center;font-weight:bold;"></div>
                        <div class="wrap_top1">
                            <div class="topic_title" id="topic_title"></div>
                        </div>
                        <div class="wrap_center">
                            <div class="answer_title"></div>
                            <table class="answer_option" id="topic_option">

                            </table>

                        </div>
                    </div>

                </div>

            </div>
                <div><img  class="yugao" src="{{asset('images/act.png')}}" alt=""></div>

          <!--   <div class="wrap_top1">

                <div class="topic_title" id="topic_title"></div>

            </div> -->

            <div class="wrap_center">

                <table class="topic_option" id="topic_option">

                </table>

            </div>

        </div>

        <div class="wrap_bottom">
            <!--<img class="lagou_logo" src="images/topic_bottom.png">-->


        </div>

    </div><!-- /.topic_wrap -->

   <!--  <div class="over_wrap">

        <div class="wrap_top">

            <div class="over_grade">

                <span class="grade_title">您的智商指数是</span>

                <span class="grade">

						<div class="grade_detail_wrap">

							<b class="grade_detail"></b>分

						</div>

					</span>

            </div>

        </div>

        <div class="wrap_center">

            <div class="over_des">

                <span class="des_title">智商关键词</span>

                <div class="des_content">

                    <div class="des_keyword"></div>

                    <div class="des_detail"></div>

                </div>

            </div>

            <div class="over_btn">

                <div class="over_btn_detail over_share">分享结果</div>

                <div class="over_btn_detail back"><a href="/index">再玩一次</a></div>

                <div class="over_btn_detail over_share">告诉朋友</div><div class="over_btn_detail back"><a href="http://mp.weixin.qq.com/s?__biz=MzA3MTk2OTUyMQ==&mid=206802018&idx=1&sn=30d55f97ff556c6ee20421006fb62b0b#rd">关注我们</a></div>

            </div>

        </div>

        <div class="wrap_bottom">

        </div>

    </div>
 -->
    <div class="share_wrap">

        <div class="share_text">

            <img class="share_img" src="images/share.png">

        </div>

    </div>
</div><!-- /.wrap -->
<div class="playMusic">
    <span style="font-size:14px;">
        <span id="musicControl">
            <a id="mc_play" class="on" onclick="play_music();">
                <audio id="musicfx" loop="loop" autoplay="autoplay">
                    <source src="{{asset('mp3/Dreams.mp3')}}" type="audio/mpeg">
                </audio>
            </a>
        </span>
    </span>
</div>
</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="{{asset('js/jquery.js')}}"></script>

<script type="text/javascript" src="{{asset('js/main.js')}}"></script>


<script type="text/javascript">

    careerism.init();
    wx.config(<?php echo $js->config(array('onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareTimeline'), false) ?>);
    wx.ready(function(){
        wx.onMenuShareTimeline({
            title: '原来我是XXX型魅力人格，你呢？', // 分享标题
            link: 'http://wygc.jidiinn.com/index',
            imgUrl:'http://wygc.jidiinn.com/images/index.png',
            success: function () {
                // 用户确认分享后执行的回调函数 记录分享的次数
                $.ajax({
                    url:"http://wygc.jidiinn.com/share",
                    type:'post',
                    data:{},
                    dataType:'json',
                    success:function(data){
                        alert(data.msg);
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        alert(XMLHttpRequest.status);
                        alert(XMLHttpRequest.readyState);
                        alert(textStatus);
                    }
                });
            },
            cancel: function () {
                alert('没有执行');
                // 用户取消分享后执行的回调函数
                alert('取消分享成功!');
            }
        });
    });
    // wx.error(function(res){
    //     alert(res);
    // });

    // $('.daan').click(function(){  
    //     alert('ddd');
    //     $(this).css({"background-image":"url(../images/back2.png)"});
    // });


</script>

</html>